<!DOCTYPE html>
<html>
<head>
<title>OnTheQuarter</title>
<style>
body {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24pt;
	padding: 20px;
}
#container {
	margin: 0 auto;
	width: 350px;
}
#splash {
	border: 1px solid lightgray;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
}
#poem {
	text-align: right;
	color: #777;
	clear: both;
}
#header {
	text-align: right;
}
#signup {
	font-size: 12pt;
	font-weight: normal;
}
a {
	color: blue;
	text-decoration: none;
	font-weight: bold;
}
</style>
</head>
<body>
<div id="container">
	<div id="splash">
		<div id="poem">
			There is much to do<br>
			and too few days.<br>
			So state your mission<br>
			define objectives<br>
			measure key results.<br>
		</div>
		<div id="header">
			<b>OnTheQuarter</b>
			<a href="/demo">Demo</a>
		</div>
	</div>
	<div style="text-align: right; ">
		<a id="signup" href="{{.}}">Login</a>
	</div>
</div>
</body>
</html>
